page{
	width: 100%;
	height: 100vh;
	background-color: #f0f0f0;
	
}
.title{
		width: 100%;
		height: 85rpx;
		background-color: #fff;
		display: flex;
		align-items: center;
		justify-content: space-around;
		font-size: 25rpx;
	}
	.color{
		color: #0080fe;
	}

.list{
	width: 730rpx;
	height: 517rpx;
	background-color: #fff;
	border-radius: 10rpx;
	margin: 0 auto;
	margin-top: 25rpx;
	display: flex;
	.content{
		width: 655rpx;
		height: 427rpx;
		margin: 0 auto;
		margin-top: 47rpx;
		.top{
			font-size: 26rpx;
			color: #333333;
			line-height: 39rpx;
		}
		.center{
			width: 100%;
			height: 270rpx;
			// background-color: #F0AD4E;
			.img{
				width: 100%;
				height: 210rpx;
				display: flex;
				align-items: center;
				justify-content: space-between;
				image{
					width: 185rpx;
					height: 152rpx;
				}
			}
			.font{
				display: flex;
				align-items: center;
				justify-content: space-between;
				font-size: 22rpx;
				color: #666666;
			}
		}
		.bottom{
			width: 100%rpx;
			height: 95rpx;
			display: flex;
			justify-content: space-between;
			border-top: 1rpx solid #eeeeee;
			.text{
				font-size: 17rpx;
				color: #434343;
				line-height: 85rpx;
			}
			.btn{
				width: 287rpx;
				height: 102rpx;
				display: flex;
				justify-content: space-between;
				align-items: center;
				view{
					width: 126rpx;
					height: 48rpx;
					border-radius: 15rpx;
					display: flex;
					align-items: center;
					font-size: 25rpx;
					justify-content: center;
				}
				view:first-child{
					border: 1rpx solid #a5a7aa;
					color: #252525;
				}
				view:last-child{
					background-color: #00a2f1;
					color: #fff;
				}
			}
		}
	}
}